        <?
        require_once('header.php'); // uri  
        ?>
        <!--[if lt IE 7]>
            <p class="chromeframe">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">activate Google Chrome Frame</a> to improve your experience.</p>
        <![endif]-->
        <link rel="stylesheet" href="css/mainpage.css">
        <link rel="stylesheet" href="css/portalshelf.css">
        <link rel="stylesheet" href="css/kendo.dataviz.min.css">
        <link rel="stylesheet" href="css/datePicker.css">
        <script type="text/javascript" src="js/kendo.dataviz.min.js"></script>
        <script type="text/javascript" src="js/stat.js"></script>
        <script>
        var shelfid='<?=$this->data['userpremium']['shelfid']?>';
        var shelfname='<?=$this->data['usershelf']['title']?>';
        </script>
        <script type="text/javascript" src="js/date.js"></script>
        <script type="text/javascript" src="js/jquery.datePicker.js"></script>
        <div class="wrpInnerBody">

        <?
        require_once('subheader.php'); // uri  
        ?>      

            <div class="wrpContent">
                <div class="wrpInnerContent">
                   <?
                   require_once('headeradmin.php'); // uri  
                   ?>      

                    <div class="wrpOuterShelCell">
                    
                    
                    <!-- End Banner -->
                                <div class="navTopBar">
                                    <h2 class="tabShowTopBar"><? if($namecat){ echo $namecat;  }else{?>Statistic<?}?></h2>
                                    <div class="wrpSort">
                                        <div class="btnSort"><i></i><em>sort <span id="sortText">ALL</span></em>
                                            <div class="wrpUllistSort">
                                                <ul class="ullisSort">
                                                    <li class="liSort"><div onclick="getStat(0)" id="sortRow0" class="listSort">ALL</div></li>
                                                    <li class="liSort"><div onclick="getStat(1)" id="sortRow1" class="listSort">Date</div></li>
                                                    <li class="liSort"><div onclick="getStat(2)" id="sortRow2" class="listSort">Month</div></li>
                                                    <li class="liSort"><div onclick="getStat(3)" id="sortRow3" class="listSort">Years</div></li>
                                                    <li class="liSort"><div onclick="custom(4)" id="sortRow4" class="listSort">Custom</div></li>   
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                 <div id="customdate" >
                                    <div class="stDate">Start <input id="startdate"></div> 
                                    <div class="stEnd">End <input id="enddate"></div>
                                    <button type="button" onclick="getStat(4)" value="search" class="srchDate">Search</button>
                                 </div> 
                                <div class="wrpOuterListTile" id="chart" style="">
                                
                                </div>
                    
                    
                    </div>
                </div>
            </div>
        </div>
        <script>
          function custom(sort)
         {
            $("#customdate").show();
         
         }
         $(document).ready(function() {
                getStat(0);
                   // setTimeout(function() {
                        // Initialize the chart with a delay to make sure
                        // the initial animation is visible
//                        createChart();

//                        $("#example").bind("kendo:skinChange", function(e) {
//                            createChart();
//                        });
//                    }, 400);

//                    $(".configuration-horizontal").bind("change", refresh);
                });
        </script>

    <?
        require_once('footer.php'); // uri  
        ?>
